<#import "../layout/layout.ftl" as layout>

<#macro title>
    <title>产品列表--车壹--提供新车报价、汽车价格查询服务、买车上车壹网、支持新车团购，新车交易，上门试驾，智能选车服务</title>
</#macro>
<#assign title = title in layout />

<#macro mainjs>
<script>seajs.use('${staticDomain}/assets/static/${staticVersion}/pc/js/product/list.js');</script>
</#macro>
<#assign mainjs = mainjs in layout />

<@layout.layout>
<div class="main-wrapper main-content prodlist">
	<div class="container">
		<section class="bread">
			<p class="fs-14">当前位置：<a href="index.htm">首页</a> > 汽车列表页</p>
		</section>

		<section class="condition">
			<div class="topbar clearfix">
				<div class="f-l selected clearfix">
					<p class="f-l fs-14">已选条件：</p>
					<ul class="f-l clearfix">
						<!-- <li class="f-l clearfix">
							<span class="f-l fs-14">宝马</span>
							<a href="javascript:void(0);" class="f-l"></a>
						</li> -->
					</ul>
				</div>
				<a href="javascript:void(0);" class="f-r clearall">清除全部条件</a>
			</div>

			<div class="main">
				<div class="list series clearfix" style="display: none">
					<h1 class="f-l fs-15">经销商</h1>
					<h2 class="f-l fs-15 t-c">不限</h2>
					<ul class="f-l clearfix">
						<!-- <li class="f-l"><a href="fs-15">一汽大众</a></li> -->
					</ul>
				</div>
				<div class="list brand clearfix" style="display: none">
					<h1 class="f-l fs-15">品牌</h1>
					<h2 class="f-l fs-15 t-c">不限</h2>
					<ul class="f-l clearfix">
						<!-- <li class="f-l"><a href="fs-15">大众</a></li> -->
					</ul>
				</div>
				<div class="list classify clearfix" style="display: none">
					<h1 class="f-l fs-15">类别</h1>
					<h2 class="f-l fs-15 t-c">不限</h2>
					<ul class="f-l clearfix">
						<!-- <li class="f-l"><a href="fs-15">雪佛兰</a></li> -->
					</ul>
				</div>
				<div class="list price clearfix">
					<h1 class="f-l fs-15">价格</h1>
					<h2 class="f-l fs-15 t-c">不限</h2>
					<ul class="f-l clearfix">
						<li class="f-l"><a href="javascript:void(0);" class="fs-15" data-price-start="0" data-price-end="30000">3万以下</a></li>
						<li class="f-l"><a href="javascript:void(0);" class="fs-15" data-price-start="30000" data-price-end="50000">3-5万</a></li>
						<li class="f-l"><a href="javascript:void(0);" class="fs-15" data-price-start="50000" data-price-end="100000">5-10万</a></li>
						<li class="f-l"><a href="javascript:void(0);" class="fs-15" data-price-start="100000" data-price-end="150000">10-15万</a></li>
						<li class="f-l"><a href="javascript:void(0);" class="fs-15" data-price-start="150000" data-price-end="200000">15-20万</a></li>
						<li class="f-l"><a href="javascript:void(0);" class="fs-15" data-price-start="200000" data-price-end="300000">20-30万</a></li>
						<li class="f-l"><a href="javascript:void(0);" class="fs-15" data-price-start="300000" data-price-end="600000">30-60万</a></li>
						<li class="f-l"><a href="javascript:void(0);" class="fs-15" data-price-start="600000" data-price-end="">60万以上</a></li>
					</ul>
					<div class="f-r enter clearfix">
						<div class="f-l input-box clearfix">
							<input type="text" class="f-l fs-15 price-input-start">
							<span class="f-l fs-15">万</span>
						</div>
						<p class="f-l t-c fs-15">--</p>
						<div class="f-l input-box clearfix">
							<input type="text" class="f-l fs-15 price-input-end">
							<span class="f-l fs-15">万</span>
						</div>
						<a href="javascript:void(0);" class="f-l t-c fs-15">确 定</a>
					</div>
				</div>
			</div>
		</section>

		<section class="sort clearfix">
			<ul class="f-l clearfix">
				<li class="f-l clearfix default active">
					<p class="f-l fs-15">默认排序</p>
				</li>
				<li class="f-l clearfix price">
					<p class="f-l fs-15">按价格</p>
					<span class="f-l fs-15 up"></span>
				</li>
				<li class="f-l clearfix time">
					<p class="f-l fs-15">按上架时间</p>
					<span class="f-l fs-15 up"></span>
				</li>
			</ul>
		</section>

		<section class="car-list">
			<ul class="clearfix">
				<!-- <li class="f-l car-item first">
					<a href="/proddetails.htm">
						<div class="img">
							<img class="lazyload" data-original="${staticDomain}/assets/static/${staticVersion}/pc/img/default-01.png">
						</div>
						<h1 class="fs-22">奥迪 A3</h1>
						<h2 class="fs-15">2014款SPORTBACK 35 TFSI 自动进取型</h2>
						<div class="price clearfix">
							<p class="f-l fs-14">￥<span class="fs-20">16.20</span>万</p>
							<p class="f-l fs-12 del">￥20.23万</p>
						</div>
						<div class="number clearfix">
							<p class="f-l fs-12">已售：999</p>
							<p class="f-r fs-12">库存：52</p>
						</div>
					</a>
				</li> -->
			</ul>
		</section>

		<section class="t-c page">
			<a href="javascript:void(0);" class="fs-15 first">首页</a>
			<a href="javascript:void(0);" class="fs-15 active">1</a>
			<a href="javascript:void(0);" class="fs-15">2</a>
			<a href="javascript:void(0);" class="fs-15">3</a>
			<a href="javascript:void(0);" class="fs-15">4</a>
			<a href="javascript:void(0);" class="fs-15">5</a>
			<a href="javascript:void(0);" class="fs-15 next">下一页</a>
			<a href="javascript:void(0);" class="fs-15 last">最后一页</a>
		</section>
	</div>
</div>
</@layout.layout>